<template>
  <div>
    <vModelmain v-model="msg"></vModelmain>
  </div>
</template>
<!-- //v-model的实现原理,数据的双向绑定 
  //是value属性和input事件的结合
//[v-model是语法糖,用于实现数据双向绑定的,V-model等价于给一个input框提供了:value属性以及@input事件]
//v-model添加到组件上的时候,也是提供了一个value属性,一个input事件,value用于传值,input用户修改值
// v-model添加给组件有什么优势? 
//[少声明了一个修改数据的方法] -->
<script>
import vModelmain from './components/v-molde-main'

export default {
  components: {
    vModelmain,
  },
  data() {
    return {
      msg: 'Hello World',
    }
  },
}
</script>

<style></style>
